var data = [
    ['Java', '1', '降', '-0.01%'],
    ['C', '2', '升', '+2.44%'],
    ['Python', '3', '升', '+1.41%'],
    ['C++', '4', '降', '-2.58%'],
    ['C#', '5', '升', '+2.07%'],
    ['Visual Basic .Net', '6', '降', '-1.17%'],
    ['JavaScript', '7', '降', '-0.85%'],
  ];
var colData = [
    '语言名称','排名','升或降','变化幅度'
]
var container = document.getElementById('example');
var hot = new Handsontable(container, {
    data: data,
    rowHeaders: false,
    colHeaders: colData,
    filters: true,
    dropdownMenu: false
});

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: 'JavaScript语言排名变化'
    },
    tooltip: {},
    legend: {
        data:['排名']
    },
    xAxis: {
        data: ["2000","2005","2010","2015","2020"]
    },
    yAxis: {},
    series: [{
        name: '排名',
        type: 'line',
        data: [ 6, 9, 8, 8, 7]
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);